<template>
  <div class="indexpage">
    <!--  -->
    <AdminHeaderCom/>

    <!--  -->
    <main>
      <!--  -->
      <AdminAsideCom/>

      <!--  -->
      <router-view/>
    </main>
  </div>
</template>

<script setup>
import AdminHeaderCom from '@/components/admin/public/AdminHeaderCom.vue';
import AdminAsideCom from '@/components/admin/public/AdminAsideCom.vue';

import {inject} from 'vue'

const AxiosData=()=>{
  let $axios = inject('$axios');
  let result = $axios.get('./data.json')
  console.log(result);
  
  if( result.status == 200 ){
    console.log(result.data);
    
  }
  
}
//调用因为
AxiosData();
</script>

<style scoped>
.indexpage{
  border-radius: 8px;
  width: 100%;
  height: 98vh;
  overflow: hidden;
}
.indexpage main{
  width: 100%;
  height: 80vh;
  display: flex;
}

</style>